<?php

$page->title = "Media";
$page->author = "North Rock Hill Church";
$page->description = "Watch and listen to past NRHC sermons.";
$page->keywords = "watch, listen, media, sermon, series, download, podcast, video, mp3, audio, sunday";

?>

<section class="media-section">

  <div class="media-serach">
    <?php snippet( 'searchform.php', array( 'autofocus'=>FALSE )) ?>

    <p align="center" class="footnote">Search by
      <span class="radius label">topic</span>,
      <span class="radius label">speaker</span>, or
      <span class="radius label">title</span>.
    </p>

  </div>
  <hr>

  <div>
    <h1>Current Series</h1>
    <?php echo module('message', 'currentSeries') ?>
    <hr>
  </div>

  <div class="recent-sermons">
    <h1>Recent Sermons</h1>
    <?php echo module('message', 'recentSermons') ?>
  </div>
  <hr>

  <div class="recent-series">
    <h1>Recent Series</h1>
    <?php echo module( 'blog', 'show', array( 'dir' => 'media:series', 'limit'=>5 )) ?>
  </div>

  <hr>

  <div>
      <h1>How To Listen</h1>
      <ul class="block-grid three-up how-to-listen">
          <li>
              <div class="panel">
                  <h2><img src="/images/itunes-icon.svg" width="27" height="27"> iTunes</h2>
                  <p>Listen to the NRHC podcast on iTunes.</p>
                  <a href="https://itunes.apple.com/us/podcast/north-rock-hill-church-podcast/id308364992" class="button" target="_blank">NRHC Podcast</a>
              </div>
          </li>
          <li>
              <div class="panel">
                  <h2><i class="foundicon-rss"></i> RSS Feed</h2>
                  <p>Subscribe to the NRHC podcast RSS feed.</p>
                  <a href="http://feeds2.feedburner.com/northrockhill/hoII" class="button" target="_blank">RSS Feed </a>
              </div>
          </li>
          <li>
              <div class="panel">
                  <h2><i class="foundicon-vimeo"></i> Vimeo</h2>
                  <p>Watch the NRHC messages on Vimeo.</p>
                  <a href="http://vimeo.com/nrhc" class="button" target="_blank">Watch on Vimeo</a>
              </div>
          </li>
      </ul>
  </div>

</section>
